<!DOCTYPE html>
<html>
 <head>
 <meta name="viewport" content="initial-scale=1.0, width=device-width" />
 <script src="http://js.api.here.com/v3/3.0/mapsjs-core.js"
 type="text/javascript" charset="utf-8"></script>
 <script src="http://js.api.here.com/v3/3.0/mapsjs-service.js"
 type="text/javascript" charset="utf-8"></script>
 </head>
 <body>
 <div style="width: 640px; height: 480px" id="mapContainer"></div>
 <script>
 // Initialize the platform object:
	 var platform = new H.service.Platform({
	 'app_id': '{DemoAppId01082013GAL}',
	 'app_code': '{AJKnXv84fjrb0KIHawS0Tg}'
	 });
	 // Obtain the default map types from the platform object
	 var maptypes = platform.createDefaultLayers();
	 var map = new H.Map(document.getElementById('mapContainer',
 maptypes.normal.map));
 map.setBaseLayer(defaultLayers.satellite.traffic);
	 
 </script>
 </body>
</html>
